<template>
  <div class="p-d">
    <div class="b-f p-d">
      <el-tabs v-model="activeName">
        <el-tab-pane label="工作动态信息" name="conference"></el-tab-pane>
        <el-tab-pane label="通知公告信息" name="message"></el-tab-pane>
        <el-tab-pane label="意见建议信息" name="idea"></el-tab-pane>
        <el-tab-pane label="政策法规信息" name="laws"></el-tab-pane>
      </el-tabs>
      <div class="content" v-if="activeName=='conference'">
        <ConferencePage />
      </div>
      <div class="content" v-if="activeName=='message'">
        <MessagePage />
      </div>
      <div class="content" v-if="activeName=='idea'">
        <IdeaPage />
      </div>
      <div class="content" v-if="activeName=='laws'">
        <LawsPage />
      </div>
    </div>
  </div>
</template>

<script>
import ConferencePage from './common/conferencePage.vue'
import MessagePage from './common/messagePage.vue'
import IdeaPage from './common/ideaPage.vue'
import LawsPage from './common/lawsPage.vue'
export default {
  components: { ConferencePage, MessagePage, IdeaPage, LawsPage },
  data() {
    return {
      activeName: 'conference'
    }
  }
}
</script>

<style lang="less" scoped>
</style>